<template>
  <div class="container">
    <div class="top text-center">
      <img
        class="back-btn"
        @click="gpBack"
        :src="require('@/assets/page8/back_btn.png')"
        alt=""
      />
      <img
        class="text1 center"
        :src="require('@/assets/page8/text1.png')"
        alt=""
      />
    </div>
    <img
      class="text2 center"
      :src="require('@/assets/page8/text2.png')"
      alt=""
    />
  </div>
</template>

<script>
export default {
  name: '',
  data() {
    return {};
  },
  methods: {
    gpBack() {
      this.$router.go(-1);
    },
  },
};
</script>

<style lang="scss" scoped>
@import '../styles/function.scss';
.back-btn {
  height: 30px;
  left: 25px;
  margin-top: -5px;
  position: absolute;
}
.text1 {
  height: 20px;
}
.text2 {
  margin-top: 25px;
  width: switchwidth(905);
}
.container {
  padding: 37px 0;
  background: url('../assets/page8/bg.png');
}
</style>
